<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>

		<style>
			.box1 {
					width: 500px;
					height: 900px;
					border: solid 2px red;
					background-image: url(../img/pic1.jpeg);
					background-repeat: repeat-x;
					background-attachment: fixed;
					margin: 0 auto;
				}
			
				.box {
					float: left;
					width: 200px;
					height: 200px;
					background: url(../img/pic2.jpeg) no-repeat left top;
					border: 2px solid red;
					margin: 0 20px 20px 0;
					color: #fff;
				}
			
				.box2 {
					background-size: 100px 100px;
				}
			
				.box3 {
					background-size: 100% 50%;
				}
			
				.box4 {
					background-size: cover;
				}
			
				.box5 {
					background-size: contain;
				}
				.boxo{
					width: 400px;
					height: 600px;
					border: solid 1px red;
					background-image: url(img/a1.jpg), url(img/a2.jpg),url(img/a3.jpg);
					background-repeat: no-repeat;
					background-position: left top,50px 50px,100px 100px;
				}
			
				.btn{
					margin-top: 50px;
					width: 1000px;
					height: 43px;
					border: solid 1px red; 
					
					display: flex;
			
				}
				.d{
					background: url(img/jd.png);
					background-repeat: no-repeat;
					background-position: -0px -192px;
				}
				.k{
					background: url(img/jd.png);
					background-repeat: no-repeat;
					background-position: -40px -192px;
				}
				.h{
					background: url(img/jd.png);
					background-repeat: no-repeat;
					background-position: -80px -192px;
				}
				.s{
					background: url(img/jd.png);
					background-repeat: no-repeat;
					background-position: -120px -192px;
				}
				.d,.k,.h,.s{
					width: 41px;
					height: 48px;	
				}
				h3{
					line-height: 0px;
					margin-right: 35px;
				}
		</style>
	</head>
	<body>
		<div class="boxo">
			213213221
			<br>
			<br>
			555
			<br>
			<br>
			<br>
			666
		</div>
<!-- 		<div class="box box1"></div>
		<div class="box box2">1</div>
		<div class="box box3">2</div>
		<div class="box box4">3</div>
		<div class="box box5">4</div> -->
		<div class="btn">
			<div class="d">

			</div>
			<h3>品类齐全，轻松购物</h3>
			<div class="k">
			</div>
			<h3>多仓直发，极速配送</h3>
			<div class="h">
			</div>
			<h3>正品行货，精致服务</h3>
			<div class="s">
			</div>
			<h3>品类齐全，轻松购物</h3>
		</div>
	</body>
</html>